<template>
  <div class="sub-body">
    <h1 class="subtitle">
      {{ this.subtitle }}
    </h1>
    <slot />
  </div>

</template>

<script>
export default {
  name: 'SubTitle',
  props: {
    subtitle: String
  }
}
</script>

<style scoped lang="scss">
  .subtitle{
    color: #2e2e2e;
    font-size: 16px;
    border-bottom: 1px solid $bg-color;
    padding: 20px;

  }
  .sub-body{
    position: relative;
  }
</style>
